<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>祈贝健康--后台管理系统</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />

    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link href="./Public/Admin/assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
    <link href="./Public/Admin/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="./Public/Admin/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="./Public/Admin/assets/css/animate.min.css" rel="stylesheet" />
    <link href="./Public/Admin/assets/css/style.min.css" rel="stylesheet" />
    <link href="./Public/Admin/assets/css/style-responsive.min.css" rel="stylesheet" />
    <link href="./Public/Admin/assets/css/theme/default.css" rel="stylesheet" id="theme" />
    <!-- ================== END BASE CSS STYLE ================== -->

    <!-- ================== BEGIN PAGE LEVEL STYLE ================== -->
    <link href="./Public/Admin/assets/plugins/DataTables/css/data-table.css" rel="stylesheet" />
    <!-- ================== END PAGE LEVEL STYLE ================== -->

    <!-- ================== BEGIN BASE JS ================== -->
    <script src="./Public/Admin/assets/plugins/pace/pace.min.js"></script>
    <!-- ================== END BASE JS ================== -->
</head>
<body>
<php>include './Public/Admin/header.html'; </php>
    
    
    
<!-- begin #content -->
		<div id="content" class="content">
			<!-- begin breadcrumb -->
			<ol class="breadcrumb pull-right">
				<li><a href="javascript:;">首页</a></li>
				<li><a href="javascript:;">酒店管理</a></li>
				<li class="active">管理列表</li>
                                
			</ol>
                        <!--添加-->
                                    <div class="col-sm-4 col-xs-2 pull-right">
                                        <a data-toggle="modal"  href="index.php?m=Admin&c=Hotel&a=add"
                                           class="btn btn-success btn-sm pull-right header-btn"><i
                                                class="fa fa-circle-arrow-up fa-lg"></i>添加酒店</a>
                                    </div>
			<!-- end breadcrumb -->
			<!-- begin page-header -->
			<h1 class="page-header">酒店管理 <small>管理列表</small></h1>
			<!-- end page-header -->
			
			<!-- begin row -->
			<div class="row">
			    <!-- begin col-12 -->
			    <div class="col-md-12">
			        <!-- begin panel -->
                    <div class="panel panel-inverse">
                        <div class="panel-heading">
                            <div class="panel-heading-btn">
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
                            </div>
                            <h4 class="panel-title">酒店信息</h4>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                        <div class="col-sm-3">
                                            <input type="text" id="txtsSearch" class="form-control" placeholder="请输入关键字" size="8" maxlength="50"/>
                                        </div>
                                        <div class="col-sm-3">
                                            <a href="javascript:;" class="btn btn-primary btn-md" onclick="return doSomeAction()">执行</a>
                                        </div>
                                </div>
                            <div class="table-responsive"> 
                                
                                <table id="data-table" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>医院</th>
                                            <th>酒店中文名称</th>
                                            <th>酒店英文名称</th>
                                            <th>图片</th>
                                            <th>国家</th>
                                            <th>地址</th>
                                            <th>链接</th>
                                            <th>简介</th>
                                            <th>距离</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbodylist">
                                    <!-- <tr>
                                            <td>1</td>
                                            <td>IE</td>
                                            <td>13352646464</td>
                                            <td>hr@qw.com</td>
                                            <td>15</td>
                                            <td>
                                                <a href="#" class="btn btn-large btn-primary btn-xs">编辑</a>
                                                <a href="#" class="btn btn-large btn-primary btn-xs">删除</a>
                                            </td>
                                        </tr>-->
                                        
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- end panel -->
                </div>
                <!-- end col-12 -->
            </div>
            <!-- end row -->
		</div>
		<!-- end #content -->


<!-- begin scroll to top btn -->
<a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
<!-- end scroll to top btn -->
</div>
<!-- end page container -->

<!-- ================== BEGIN BASE JS ================== -->
<script src="./Public/Admin/assets/plugins/jquery/jquery-1.9.1.min.js"></script>
<script src="./Public/Admin/assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
<script src="./Public/Admin/assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="./Public/Admin/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="./Public/Admin/assets/crossbrowserjs/html5shiv.js"></script>
<script src="./Public/Admin/assets/crossbrowserjs/respond.min.js"></script>
<script src="./Public/Admin/assets/crossbrowserjs/excanvas.min.js"></script>
<![endif]-->
<script src="./Public/Admin/assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<!-- ================== END BASE JS ================== -->

<!-- ================== BEGIN PAGE LEVEL JS ================== -->
<script src="./Public/Admin/assets/plugins/DataTables/js/jquery.dataTables.js"></script>
<script src="./Public/Admin/assets/plugins/DataTables/js/dataTables.colVis.js"></script>
<script src="./Public/Admin/assets/js/apps.min.js"></script>
<!-- ================== END PAGE LEVEL JS ================== -->
<script>
		$(document).ready(function() {
			App.init();
            $('#data-table').DataTable({
 //id,hid,cn_name,en_name,imgs,country,addr,link,abstract,distance
                "ajax": 'index.php?m=Admin&c=Hotel&a=get_hotel_list',//ajax请求
                "columnDefs": [
                    {
                        "targets": 0,
                        "data": "id" },
                    {
                        "targets": 1,
                        "data": "hid" },

                    {
                        "targets": 2,
                        "data": "cn_name" },
                    {
                        "targets": 3,
                        "data": "en_name" },
                    {
                        "targets": 4,
                        "data": "imgs" ,
                        "render": function ( data, type, row,   meta ) { // 返回自定义内容
                            if(row.imgs!=null&&row.imgs.length>44){
                                row.imgs=row.imgs.substring(0,44);
                                row.imgs+='…';
                            }
                            return row.imgs;
                        }

                    },
                    {
                        "targets": 5,
                        "data": "country" },
                    {
                        "targets": 6,
                        "data": "addr" },
                    {
                        "targets": 7,
                        "data": "link"},
                    {
                        "targets": 8,
                        "data": "abstract",
                        "render": function ( data, type, row,   meta ) { // 返回自定义内容
                            if(row.abstract!=null&&row.abstract.length>114){
                                row.abstract=row.abstract.substring(0,114);
                                row.abstract+='…';
                            }
                            return row.abstract;
                        }
                    },
                    {
                        "targets": 9,
                        "data": "distance" },

                    // 增加一列，包括删除和修改，同时将需要传递的数据传递到链接中
                    {
                        "targets": 10, // 目标列位置，下标从0开始


                        "render": function ( data, type, row,   meta ) { // 返回自定义内容
                            return  '<td><a href="index.php?m=Admin&c=Hotel&a=update&id='+row.id+'" class="btn btn-large btn-primary btn-xs">编辑</a>&nbsp;<a href="#" onclick="del('+row.id+')" class="btn btn-large btn-primary btn-xs">删除</a></td>';
                        }
                    }
                ],
                "oLanguage": {
                    "sProcessing": "<img src='/images/datatable_loading.gif'>  努力加载数据中.",
                    "sLengthMenu": "每页显示 _MENU_ 条记录",
                    "sZeroRecords": "抱歉， 没有找到",
                    "sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
                    "sInfoEmpty": "没有数据",
                    "sInfoFiltered": "(从 _MAX_ 条数据中检索)",
                    "sSearch": "搜索:  ",
                    "oPaginate": {
                        "sFirst": "首页",
                        "sPrevious": "上一页",
                        "sNext": "下一页",
                        "sLast": "尾页"
                    }
                },
                "sPaginationType": "full_numbers",
                "bProcessing": true,
                "bServerSide": true,
                "bSort":true,
                "searching": true,//本地搜索
                "bFilter": true,
                "sAjaxSource": "index.php?m=Admin&c=Hotel&a=get_hotel_list",

                "fnServerParams": function( aoData )
                {
                    aoData.push(
                            {"name":"keywords","value":$('#keyword_txt').val()},
                            {"name":"start_date","value":$('#start_date_txt').val()},
                            {"name":"end_date","value":$('#end_date_txt').val()}
                    )
                },
                "deferRender": true,//处理大数据时延迟渲染数据
            });


        });

                function del(obj){
                    if(confirm("你确定要删除？")){
                        $.getJSON("index.php?m=Admin&c=Hotel&a=del&id="+obj,function(result){
                            if(result==1){
                                location.href="index.php?m=Admin&c=Hotel&a=lists";
                            }
                        });
                    }
                }
	</script>
	


</body>
</html>

